<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>AUI快速完成布局</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />

</head>

<body>
    <ul class="aui-list aui-form-list">
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label" style="text-align:center">
                    手机号：
                </div>
                <div class="aui-list-item-input">
                    <input type="text" placeholder="请输入手机号" id="phone">
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label" style="text-align:center">
                    验证码：
                </div>
                <div class="aui-list-item-input">
                    <input type="text" placeholder="请输入手机号">
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label">
                    密码：
                </div>
                <div class="aui-list-item-input">
                    <input type="password" placeholder="请输入密码">
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label">
                    重复密码：
                </div>
                <div class="aui-list-item-input">
                    <input type="password" placeholder="请输入密码">
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn">

                <div class="aui-btn aui-btn-info aui-margin-r-5" onclick="fnGetCheckSms">点击获取验证码</div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn">
                <div class="aui-btn aui-btn-info aui-margin-r-5">注册</div>
            </div>
        </li>
    </ul>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="./conf/config.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="../script/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    function fnGetCheckSms() {
        var phone = $api.byId('account').value;
        if (phone != '') {
            $("#get_sns").css({
                background: "#cccccc",
                color: "#fff"
            }).html('正在发送...');
            api.ajax({
                url: SITE_URL+'index.php?m=api&c=appp&a=send_phcode',
                method: 'GET',
                data: {
                    values: {
                        "phone": phone
                    }
                }
            }, function(ret, err) {
                if (ret.status == 1) {
                    $("#get_sns").css({
                        background: "#cccccc",
                        color: "#fff"
                    }).html('发送成功...');
                }
            });
        } else {
            alert('请填写手机号');
        }
</script>

</html>
